<template>

  <div>
    <el-row :gutter="20">
    <el-col :span="5" :offset="7" class="titleName"><h2>questioner 信息修改</h2>   </el-col>
  </el-row>
    <el-row :gutter="20">
      <el-col :span="3"></el-col>
      <el-col :span="4" class="titleName">姓名</el-col>
      <el-col :span="10">
        <el-input type="text" placeholder="input you username " v-model="form.name" maxlength="10" show-word-limit></el-input>
      </el-col>
    </el-row>
    <el-row><br></el-row>

    <el-row><br></el-row>
    <el-row :gutter="20">
      <el-col :span="3"></el-col>
      <el-col :span="4" class="titleName">email</el-col>
      <el-col :span="10">
        <el-input type="email" placeholder="xxxx@xx.com " v-model="form.email" maxlength="10" show-word-limit></el-input>
      </el-col>
    </el-row>
    <el-row><br></el-row>

    <el-row><br></el-row>
    <el-row :gutter="20">
      <el-col :span="3"></el-col>
      <el-col :span="4" class="titleName">age</el-col>
      <el-col :span="10">
    <el-input-number v-model="form.age"  :min="0" :max="99" label="age"></el-input-number>
      </el-col>
    </el-row>
    <el-row><br></el-row>

    <el-row><br></el-row>
    <el-row :gutter="20">
      <el-col :span="3"></el-col>
      <el-col :span="4" class="titleName">rank</el-col>
      <el-col :span="10">
    <el-input-number v-model="rank" :disabled="true" label="age"></el-input-number>
      </el-col>
    </el-row>
    <el-row><br></el-row>

    

    
    <!-- submit 的 @click.prevent 防止刷新 -->
    <el-row :gutter="20">
      <!-- <el-col :span="5"></el-col> -->
      <el-col :span="5" :offset="7" class="titleName" style="padding-top: 6%;">     
         <el-button size="medium" type="info" plain round @click.prevent="submitFrom" >提交</el-button>
      </el-col>
    </el-row>
  
  </div>
</template>
<script>


export default {
    name:"updateA",
    methods: {
       
    },
    data() {
      return {
        form:{
            name:"222",
            age:"18",
            email:"",
        },
        rank:10,
      }
    },
    computed:{}

    
    
}


</script>
<style scoped>
    
</style>